// Thank you for tuning into 2008 Sundance
// Core Code 1
campaignTrail_temp.election_json = JSON.parse("[{\"model\": \"campaign_trail.election\", \"pk\": 9, \"fields\": {\"year\": 2008, \"summary\": \"
The Gore administration has hit stormy weather in its second term, as the mission in Afghanistan stagnates, a grueling impeachment overshadows his agenda, and the economy is stretched to the brink. A revitalized GOP prepares to take advantage as America decides Al Gore's successor.
Utah Governor Mitt Romney presents himself as a fresh face compared to his opponent, Vice President Joe Lieberman. Romney seeks to prove his brand of conservatism is the change America needs, while Lieberman must undercut Romney's appeal without alienating the Democratic base.
\", \"image_url\": \"https://i.imgur.com/gaHhiom.png\", \"winning_electoral_vote_number\": 270, \"advisor_url\": \"https://i.imgur.com/pvR38Mz.png\", \"site_description\": \"Gore's second term is marred by stagnation in Afghanistan, a grueling impeachment, and an economy stretched to the brink. A revitalized GOP prepares to take advantage, presenting Mitt Romney as a fresh face compared to his opponent, Joe Lieberman. Romney seeks to prove his brand of conservatism is the change America needs, while Lieberman must undercut Romney's appeal without alienating his party's base.\", \"recommended_reading\": \"
President Gore entered his 2nd term with a solid mandate. But despite capturing Bin Laden, a haphazard response to Katrina paired with a growing Taliban insurgency and a failed attempt at immigration reform sullied his reputation with the public. The GOP soon reclaimed the House, impeaching the President amid allegations he overcharged Occidental Petroleum, an oil company with ties to the Gore family, for gas pipelines in northern Afghanistan.
It was with this backdrop that the American public chose from the largest field of presidential candidates in decades, among them V.P. Lieberman. He started his campaign in a more vulnerable spot than his boss 8 years prior, with a number of candidates -- most notably Sens. Wellstone and Edwards -- gaining considerable support as more liberal alternatives to the moderate Lieberman.
The former won in Iowa, and the latter in South Carolina, but after Lieberman used what his opponents didn't -- namely, a large war chest and strong support from the traditional interest groups -- he won big on Super Tuesday, and the nomination was his by May.
Democratic National Convention September 1–4, St. Paul, MN
The Republicans, after 16 years in the wilderness, saw many takers emerge from across their tent: Gov. Perry, strong on energy and the Southern values vote; Jeb Bush, strong on domestic policy; and Sen. McCain, back for a 3rd run. But the man who arose as victor was Gov. Romney of Utah; businessman, son of George, but with strong stances on immigration and gay marriage that made his appeal much different from that of his father.
After falling behind in the early primaries, he won big in his birth state of Michigan, priming him for a banner performance on Super Tuesday, and shocking McCain in his home state of Arizona after winning the support of controversial sheriff Joe Arpaio. The nomination was Romney's by May.
All the while, the economy began to falter. A real estate bubble built on high-risk subprime mortgages was bursting, risking the solvency of the many Wall Street firms invested in them through esoteric financial products. The first big name to fall was Bear Stearns; when Gore refused to bail them out, it shocked the markets and fears of an economic collapse grew. With Fannie Mae in crisis, its former CEO-turned-Treasury Secretary James Johnson came under significant scrutiny. He was out by September, jolting the markets once again and feeding more into Romney's \\\"fix-it\\\" image.
Republican National Convention August 25–28, New Orleans, LA
Gore needed stability, and fast; he appointed financial giant Paul Volcker as Johnson's successor and forged a deal with Speaker Boehner to bail out Lehman Brothers. These moves stabilized the financial system, and the President’s popularity rebounded, to his lieutenant's benefit.
Soon enough, Romney's once dominant lead faltered. He came out strong in the first debate, but later remarks laid his elitist side bare to voters looking for someone who would stand up for them. He stood by Sheriff Arpaio even as his opponent exploited their relationship to weaken Romney on one of his main issues. And Lieberman came out in support of gay marriage, which helped pull many wary young voters away from Rep. Kucinich, who had dropped out of the primaries to mount an independent bid.
At the last minute, Lieberman was able to secure a cross-party endorsement from Sen. McCain. That was enough to narrowly win the electoral college, an upset reminiscent of Truman in '48. But he lost the popular vote, and he enters office without a grip on Congress. Can he put America back on track? That's the question on everyone's minds...
Joseph I. Lieberman 44th President of the United States
/u/StockdaleforTCT – Joe Lieberman lead, Democratic lead, co-Kucinich lead
/u/neo1013 – Mitt Romney lead, Republican lead
TedThing – Co-Kucinich lead, proofreader, lore and culture contributor
Special thanks to our playtesters – snazzrazzmazzlejazz, Lurker, Kaiserlink, martha, duplicator, FlongydOlson, and Edwin Edwards – as well as obummer and /u/Calgar77 for their help in gaming out the fallout of the subprime mortgage crisis.
This is dedicated to... Tex. If you're seeing this I hope it was worth the wait!
After eight years, Joe Lieberman is eager to escape the chains of the Vice Presidency. He has served as Gore's chief hawk, even as his boss pursues a peace process with Iran he finds fruitless. Despite Gore's weakening popularity and the faltering economy, he won the Democratic nomination by leveraging institutional support to build on his base of elderly and Jewish voters, and without leaving his maverick image behind.
Lieberman faces a Republican party out for blood after sixteen years out of power, as well as a third-party candidacy by Dennis Kucinich to his left. To win, he must keep the left wing of his base satisfied, while successfully convincing moderate voters that Governor Romney is too extreme and out of touch to be President.
Though it was perhaps expected, you could have easily faltered at a number of points. Credit to you for pulling through.
On the political front, you can continue the Clinton legacy and strengthen Social Security for generations to come. Perhaps you can succeed on health care where Clinton came up short? Or maybe you can create a future of renewable energy for America. Just be wary of a (George or Jeb?) Bush challenge in 2004.
\", \"electoral_loss_message\": \"
Sorry! You have lost the 2000 election.
Surely the second-guessing will be intense, but if things were close you could probably run again in 2004.
It seems that with George W. Bush and a Republican majority, the United States can expect some conservative policy-making over the next four years. Hopefully Bush comes through on his promise to govern in a bipartisan, conciliatory manner. A lot should depend on the margin of his victory, and whether it was large or small.
\", \"no_electoral_majority_message\": \"
Sorry! You have lost in a squeaker.
No candidate achieved a majority of the electoral votes, for the first time since 1824. Unfortunately for you, a majority of states have Republican controlled congressional delegations.
It seems that with George W. Bush and a Republican majority, the United States can expect some conservative policy-making over the next four years. Hopefully Bush comes through on his promise to govern in a bipartisan, conciliatory manner.
After sixteen years in the wilderness, the Republican Party is once again forced to look for a new champion. Now, after a long primary, they've found one in Mitt Romney. Gaining national prominence after organizing the 2002 Olympics, Romney was elected as Governor of Utah. With just one term in office, he's already made his mark as a fresh face for the conservative movement, leading the charge in support of gay marriage bans and a stronger border.
With a worsening domestic and foreign situation, and victories in the 2006 midterms, the Republicans are favored heading into the 2008 election, but that doesn't mean it won't be a fight. Romney must present himself as a safe, yet dynamic choice in contrast to the scandals of both his GOP predecessors and the current White House.
Confounding the predictions of many experts, you were able to turn the tables on Al Gore, in spite of the economy and Clinton's popularity.
On the political front, you can push for tax cuts to spur the economy and return the budget surplus to the American people. You might also pursue education and immigration reform, individual Social Security accounts, and new laws to defend the family and the sanctity of life.
\", \"electoral_loss_message\": \"
Sorry! You have lost the 2000 election.
Perhaps it was always a long-shot, with the Democrats in such a commanding position after eight years of Bill Clinton. In any case, at least you are still the Governor of Texas.
Expect Al Gore to unleash a new round of government programs and environmental regulations. You are still youngish, however. If the election was close this time, perhaps you can run again in 2004, or work on behalf your brother Jeb.
\", \"no_electoral_majority_message\": \"
Wow! You have won in a squeaker.
No candidate achieved a majority of the electoral votes, marking the first time this has happened since 1824. Fortunately for you, the majority of U.S. states have Republican controlled congressional delegations, and they will cast their votes accordingly.
Given the incredibly close nature of the election, you will surely be expected to govern as a moderate, conciliatory President. Right??
Dennis Kucinich would be nothing if he were a quitter. Once Cleveland's youngest and most controversial mayor, Kucinich is currently a six-term member of Congress, gaining a reputation as one of its most liberal members.
Discontent with \\\"New Democrat\\\" orthodoxy, he ran for president with a boldly progressive platform, distancing himself from the head of the pack in ways that earned him a loyal legion of young supporters. He has continued his bid as an independent, seeking to pressure Lieberman into adopting more liberal positions. Some believe he will only spoil the race, but Kucinich believes too strongly in disrupting the status-quo to let up.
This was definitely not supposed to happen. Good luck!
\", \"electoral_loss_message\": \"
As expected, you have lost the 2000 election.
The legacy of this campaign depends on a couple of factors. First of all, did you receive 5% of the popular vote? If so, congratulations! You will enable the Green Party to run a vigorous campaign in 2004 and present a true choice to the American people. Also, the Democrats were a little peeved that you \\\"stole\\\" votes from them in this election. Hopefully that doesn't lead to a backlash.
\", \"no_electoral_majority_message\": \"
Wow! No candidate received 270 electoral votes, but the House will elect George W. Bush as President.
Did you receive 5% of the popular vote? If so, congratulations! You will enable the Green Party to run a vigorous campaign in 2004 and present a true choice to the American people. Also, the Democrats were a little peeved that you \\\"stole\\\" votes from them in this election. Hopefully that doesn't lead to a backlash, especially since they will lose the vote in the House.
John Edwards is a Senator from North Carolina. First gaining prominence as a trial lawyer, he became a rising star upon his first statewide victory in 1998, finding his way on Gore's VP shortlist in 2000. After winning re-election, Edwards launched his 2008 presidential campaign, dropping out after placing second in the Democratic primaries.
Fashioning himself as a populist, Edwards focused most of his primary campaign on \\\"turning the page\\\" from the Gore years. His stances on issues like poverty and healthcare, as well as his fresh rhetoric and charm, may be helpful in gaining progressive and Southern support for the Democratic ticket.
Harold Ford Jr. is the current House Minority Whip. The scion of a prominent Memphis political family, Ford was just 26 when he was first elected to Congress twelve years ago. Since then he has become a protégé of Al Gore, gaining national media coverage for his outspoken opposition to Gore's impeachment in the Republican House.
Selecting Ford would undoubtedly please Gore, while also making waves in the process, as he would be the first African-American to appear on a major party ticket. The resulting media buzz could certainly energize the liberal base, but he's not too ideologically different from you, and some fear America isn't ready for a black vice president.
Amy Klobuchar is the Junior Senator from Minnesota. Serving as Hennepin County attorney before her election in 2006, she quickly gained national media attention by leading Senate Democrats' defense of Al Gore during his impeachment. This has made her a liberal darling, and cemented her place as a rising star in the party.
Selecting Klobuchar would serve as an olive branch to those who backed Senator Paul Wellstone -- her colleague and mentor -- for President, while exciting female voters as the first woman to appear on a major-party ticket in a generation. Republicans, however, would certainly hone in on her lack of experience and liberal outlook on policy.
Bill Richardson is the two-term Governor of New Mexico. He has a storied career, previously serving as Clinton's Energy Secretary and UN Ambassador. A long-time liberal and personal friend of Lieberman's since the 90s, Richardson has survived scandal after scandal and still remains widely popular in his home state.
While Richardson ran for President, flaming out after Iowa, he would be eager to serve as Lieberman's running mate. If chosen, he would be the first Hispanic on a major-party ticket, and could boost Latino turnout in key states. Some skeletons in his closet may resurface, but his cowboy image has brushed them aside before.
Tommy Thompson has a decades-long history in Republican politics. After 16 years as Governor of Wisconsin, Thompson retired to focus on his personal life, aiding the RNC and working as national co-chair of Rudy Giuliani's 2004 campaign. In 2006, Thompson flipped the retiring Herb Kohl's Senate seat, where he has sat the last two years.
Thompson, widely considered a moderate for most of his career, has recently taken more conservative stances on issues such as healthcare and the border. Despite this, his historic links to the center of his party should help soothe establishment fears over Romney's nomination and potential presidency.
John Thune is the Junior Senator from South Dakota, who gained prominence after defeating a Democratic incumbent in the Gore-friendly 2002 midterms. In his relatively short time in the Senate, Thune has established himself as a workhorse on behalf of GOP leadership, becoming an intra-party mediator between the old and new guards.
Not much of an ideologue, Thune will likely be able to jibe with whatever campaign Romney is running, and he could help fight against criticisms of flimsy, unspecific policy proposals. The only problem with Thune is that he doesn't excite the Republican base much, but with Governor Romney, that may not be needed.
The son of a New Jersey political titan, Tom Kean Jr. became a rising star within Republican politics after beating the scandal-ridden Bob Menendez in a high-profile Senate race two years ago. Only around 40 years old, Kean has little political experience of his own, but some say that may be useful against the entrenched Democrats.
Positioning himself as an independent-minded reformer, he's adopted moderate positions on social issues to win in a state that leans Democratic. On economic issues, especially tax policy, he's more of a standard conservative. Kean may be able to give Romney some room to breathe if he's worried about independent voters.
Charlie Crist is the current Governor of Florida, succeeding Jeb Bush after winning 2006 by a sizable margin. Unlike his more ideological predecessor, Crist has proudly governed from the gut, often putting him at odds with an increasingly conservative Republican Party. Despite this, he's remained incredibly popular in Florida.
During the primary, he was a vocal critic of the Romney campaign, and some wonder if too many bridges have been burned for the ticket to work. On top of that, some worry that he could deflate right-wing turnout. That being said, Florida is a swing state with 27 crucial electoral votes, which alone may make it worth choosing Governor Crist.
Jim Hightower is a former Texas Agriculture Commissioner who now spends his days as a syndicated columnist. Known as \\\"America's #1 Populist,\\\" he has been a critic of the War in Afghanistan, and the Gore administration's handling of foreign policy in general.
During the primary campaign, he served as a key Kucinich surrogate, and ended up directing his campaign in Texas. Although he's little-known in mainstream circles, his fiery populist rhetoric should mesh well with Kucinich's appeal, and may be able to draw wary progressives to the independent ticket.
Pete McCloskey is a former Congressman from California. It's been 30 years since he challenged Nixon over the War in Vietnam, but he has not relented, recently mounting a primary challenge against Congressman Richard Pombo over his disregard for the environment, while taking many stances foreign to his own party.
This wouldn't be McCloskey's first quixotic rodeo in presidential politics, and his persistent advocacy for peace and the environment could help Kucinich run a focused, issues-based campaign. He has also vocally spoken out against Israel's attitude towards Palestinians in the past, which could make him a focus of bipartisan attacks.
Although he has put in work as an environmental lawyer and activist, Robert F. Kennedy Jr. owns no asset more important than his last name. Despite actively browsing political campaigns before, Kennedy has never jumped into the arena himself, although he was once heavily considered for a job as President Gore's EPA administrator.
Driven away from his party by Lieberman's nomination, the war in Afghanistan, and the growing hawkishness of establishment Democrats, Kennedy was an early supporter of the Kucinich 2008 campaign. There's no doubt picking Kennedy will generate media coverage like nothing else, but whether it'll be positive is another question entirely.
You will answer questions about your platform and positions, and also about your campaign strategy.
The answers will affect your popularity for better or worse, both nationally and in individual states.
Walk the fine line between appealing to your base and winning a majority of the votes.
`
document.styleSheets[0].insertRule(".campaign_trail_start_emphasis{ background-color: #b5d5ff00 !important; position: relative; z-index: 1 !important;}", 0);
document.styleSheets[0].insertRule("#achwindow, #benefitwindow{ z-index: 999 !important;}", 0);
document.getElementById("inner_window_1").children[3].innerHTML = ``
document.styleSheets[0].insertRule("#after_button { height:14px; width:56px; z-index: 103; position: absolute; content: ''; top: 5px; left: 9px; opacity: 0; background-image: url('https://i.imgur.com/jF5O1dp.png'); display: block;}", 0);
document.styleSheets[0].insertRule("#after_button:hover{opacity: 100%;}", 0);
document.styleSheets[0].insertRule("#title_text { height:23px; width:123px; z-index: 103; position: absolute; content: ''; top: 0; left: 0; right: 0; margin-inline: auto; background-image: url('https://i.imgur.com/2QDyLhg.png'); display: block;}", 0);
// Further reading styling
document.styleSheets[0].insertRule("#recommended_reading_box { margin-left: auto !important; margin-right: auto !important; border-width: 0px !important; border-style: none !important; width: auto !important; background: url('https://i.imgur.com/En9xiMG.png') no-repeat bottom !important; height: 27.8em;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box .ftab, #recommended_reading_box .ftab-active {font-family: Segoe UI, Myriad Roman, Frutiger, Frutiger Linotype, Dejavu Sans,Arial, Helvetica Neue, sans-serif !important; font-size: 10pt; font-weight: 600; background-image: url('https://i.imgur.com/z5seodk.png');width: 117px;height: 38px;margin-top: 18px !important; margin-bottom: 18px !important; padding-top: 8.5px;box-sizing: border-box; cursor: pointer; user-select:none; color: #191919; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box .ftab:hover {background-image: url('https://i.imgur.com/ttQZgyG.png'); color: #FFF !important; text-shadow: #191919 0px -1px 0px !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box .ftab:active {background-image: url('https://i.imgur.com/gjetWSc.png') !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box .ftab-active {background-image: url('https://i.imgur.com/rWC8m5E.png') !important; cursor: default !important; color: #FFF !important; text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #start.ftab {background-image: url('https://i.imgur.com/aiX1qVw.png');}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #start.ftab:hover {background-image: url('https://i.imgur.com/FgTOpCe.png'); color: #FFF !important; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #start.ftab:active {background-image: url('https://i.imgur.com/AA6kgtX.png') !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #start.ftab-active {background-image: url('https://i.imgur.com/hco3VPj.png') !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #end.ftab {width: 118px !important; background-image: url('https://i.imgur.com/OaGVjkC.png');}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #end.ftab:hover {background-image: url('https://i.imgur.com/y9HHWgK.png'); color: #FFF !important; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #end.ftab:active {background-image: url('https://i.imgur.com/tNCtSoC.png') !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #end.ftab-active {width: 118px !important; background-image: url('https://i.imgur.com/tnEQt7b.png') !important;}", 0);
// Tab iterator functions
tab0 = function() {
if(document.getElementById("tab-select").children[0].classList.contains("ftab")){
document.getElementById("tab-select").children[0].classList.remove("ftab");
document.getElementById("tab-select").children[0].classList.add("ftab-active");
}
for(let i = 1; i < 4; i++){
if(document.getElementById("tab-select").children[i].classList.contains("ftab-active")){
document.getElementById("tab-select").children[i].classList.remove("ftab-active");
document.getElementById("tab-select").children[i].classList.add("ftab");
}
}
document.getElementById("rpage0").style.display = "inline-block";
document.getElementById("rpage1").style.display = "none";
document.getElementById("rpage2").style.display = "none";
document.getElementById("rpage3").style.display = "none";
}
tab1 = function() {
if(document.getElementById("tab-select").children[1].classList.contains("ftab")){
document.getElementById("tab-select").children[1].classList.remove("ftab");
document.getElementById("tab-select").children[1].classList.add("ftab-active");
}
for(let i = 0; i < 4; i++){
if(document.getElementById("tab-select").children[i].classList.contains("ftab-active") && i != 1){
document.getElementById("tab-select").children[i].classList.remove("ftab-active");
document.getElementById("tab-select").children[i].classList.add("ftab");
}
}
document.getElementById("rpage0").style.display = "none";
document.getElementById("rpage1").style.display = "inline-block";
document.getElementById("rpage2").style.display = "none";
document.getElementById("rpage3").style.display = "none";
}
tab2 = function() {
if(document.getElementById("tab-select").children[2].classList.contains("ftab")){
document.getElementById("tab-select").children[2].classList.remove("ftab");
document.getElementById("tab-select").children[2].classList.add("ftab-active");
}
for(let i = 0; i < 4; i++){
if(document.getElementById("tab-select").children[i].classList.contains("ftab-active") && i != 2){
document.getElementById("tab-select").children[i].classList.remove("ftab-active");
document.getElementById("tab-select").children[i].classList.add("ftab");
}
}
document.getElementById("rpage0").style.display = "none";
document.getElementById("rpage1").style.display = "none";
document.getElementById("rpage2").style.display = "inline-block";
document.getElementById("rpage3").style.display = "none";
}
tab3 = function() {
if(document.getElementById("tab-select").children[3].classList.contains("ftab")){
document.getElementById("tab-select").children[3].classList.remove("ftab");
document.getElementById("tab-select").children[3].classList.add("ftab-active");
}
for(let i = 0; i < 3; i++){
if(document.getElementById("tab-select").children[i].classList.contains("ftab-active")){
document.getElementById("tab-select").children[i].classList.remove("ftab-active");
document.getElementById("tab-select").children[i].classList.add("ftab");
}
}
document.getElementById("rpage0").style.display = "none";
document.getElementById("rpage1").style.display = "none";
document.getElementById("rpage2").style.display = "none";
document.getElementById("rpage3").style.display = "inline-block";
}
// Cool banner ads in place of the bottom bar
document.getElementById("bottomBar").style.display = "";
document.styleSheets[0].insertRule("#bottomBar {background-color: #fff !important;", 0);
document.getElementById("bottomBar").style.backgroundSize = "0%";
document.getElementById("bottomBar").style.borderStyle = "none";
document.getElementById("bottomBar").style.padding = "0";
document.getElementById("bottomBar").style.height = "60px";
// banners = ["https://i.imgur.com/ETMH5C8.png"]
banners = ["https://i.imgur.com/DRbsk0p.png", "https://i.imgur.com/droUk6w.png", "https://i.imgur.com/56d0wHg.png", "https://i.imgur.com/8krDOkg.png", "https://i.imgur.com/5T1vE42.png", "https://i.imgur.com/GifF7rN.png", "https://i.imgur.com/QxWKwvM.png", "https://i.imgur.com/dQcvCcm.png", "https://i.imgur.com/oFwBa5G.png", "https://i.imgur.com/BsyjiXV.png", "https://i.imgur.com/5kP5Pgs.png", "https://i.imgur.com/uSBnS4S.png", "https://i.imgur.com/kNMGIR5.png", "https://i.imgur.com/ko0UOL5.png", "https://i.imgur.com/YxTSfMc.png", "https://i.imgur.com/xc2vAyT.png", "https://i.imgur.com/ZkgJ1pp.png", "https://i.imgur.com/QDGDQtq.png", "https://i.imgur.com/fmas8bj.png", "https://i.imgur.com/ETyR8uQ.png", "https://i.imgur.com/8PanDs1.png", "https://i.imgur.com/VjSlxv1.png", "https://i.imgur.com/p5sKCwk.png", "https://i.imgur.com/UYCBn6h.png", "https://i.imgur.com/2gFqn84.png", "https://i.imgur.com/Mo5MgPo.png", "https://i.imgur.com/qMmirNE.png", "https://i.imgur.com/w9akxxd.png", "https://i.imgur.com/ZZ62YvY.png", "https://i.imgur.com/c7KvGRm.png", "https://i.imgur.com/einEqjc.png", "https://i.imgur.com/tOzwM0m.png", "https://i.imgur.com/FoVp5p3.png", "https://i.imgur.com/uo6luth.png", "https://i.imgur.com/pdKxAjg.png", "https://i.imgur.com/16nXlQ3.png"];
bannerad = banners[Math.floor((Math.random() * banners.length))]
document.getElementById("bottomBar").innerHTML = ``
// Mute button
campaignTrail_temp.mute = false;
//campaignTrail_temp.mute = true;
/**/$(".container")[0].style.position = "relative";
document.getElementsByClassName("menu_bar_login")[0].innerHTML = ``
document.getElementById("mute_button").addEventListener("click", mute);
function mute() {
console.log("You just found the mute button")
if(campaignTrail_temp.mute==true){
document.getElementById("mute_button").style.opacity = "0";
campaignTrailMusic.muted = false;
campaignTrail_temp.mute = false;
} else{
document.getElementById("mute_button").style.opacity = "1";
campaignTrailMusic.muted = true;
campaignTrail_temp.mute = true;
}
}/**/
// Hide theme picker
document.getElementById("theme_picker").style.display = "none";
document.styleSheets[0].insertRule(".footer h4 { display: none;}", 0);
/* WARNING::: THE FOLLOWING CONTROL ELEMENTS ARE ALL CUSTOM
* THEY ARE NOT CREATED USING CSS LIBRARIES
* because none are available at this time :)
*/
// Custom buttons
document.styleSheets[0].insertRule("button{font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif !important; font-size: 92.5% !important; border-radius:100vw !important; border: 1px solid #5d5d5d !important; background-repeat: no-repeat !important; background-position: top, top center, top left, top right, center !important; padding: 0.1em 1em !important; background-image: linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 11px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#c5c5c5, #fff);background-size: 100%, calc(100% - 20px), 10px 37%, 10px 37%, 100% !important;cursor:pointer;box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 1px;}", 0);
//document.styleSheets[0].insertRule("button:hover{background-image: linear-gradient(hsl(0 0% 100% / 0.85), transparent 10px), linear-gradient(hsl(0 0% 100% / 0.25) 10px, transparent 10px), radial-gradient( circle at 3px 5px, hsl(0 0% 100% / 0.25) 5px, transparent 5px ), radial-gradient( circle at -1px 5px, hsl(0 0% 100% / 0.25) 5px, transparent 5px ), linear-gradient(#0342b9, #81DBFF);}");
document.styleSheets[0].insertRule("button:hover{background-image: linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 11px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#999, #fff);}", 0);
document.styleSheets[0].insertRule("button:active{background-image: linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 11px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#033CA5, #629ED9 50%, #90C2F2 80%, #BBF0F8) !important;}", 0);
// Custom dropdown (with custom icon)
document.styleSheets[0].insertRule("select {font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif !important; font-size: 92.5% !important; border-radius:0.21vw !important; border: 1px solid #5d5d5d !important; background-repeat: no-repeat !important; background-position: right 7px center, top, top center, top left, top right, left, left, right !important; padding: 0.1em 0.5em !important; background-image: url('https://i.imgur.com/ZvnjTkK.png'), linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 5px 3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px 3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#c5c5c5, #fff), linear-gradient(#003BA3, #1976D3 50%, #66B7FF 70%, #A9F9FF), linear-gradient(#033CA5, #5D9EDF 50%, #9ACFFF 70%, #C3FBFF) !important; background-size: 5px, 100%, calc(100% - 8px), 4px 37%, 4px 37%, calc(100% - 19px), calc(100% - 18px), 18px;cursor: pointer;box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 1px; appearance: none; padding-right: 32px !important;}", 0);
document.styleSheets[0].insertRule("select:hover {background-image: url('https://i.imgur.com/ZvnjTkK.png'), linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 5px 3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px 3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#999, #fff), linear-gradient(#003693, #1669BC 50%, #5BA5E5 70%, #99E0E5), linear-gradient(#033996, #5590CC 50%, #8BBBE5 70%, #B0E1E5) !important;}", 0);
document.styleSheets[0].insertRule("select:active {background-image: url('https://i.imgur.com/ZvnjTkK.png'), linear-gradient(hsl(0 0% 100% / 0.85), transparent 8px), linear-gradient(hsl(0 0% 100% / 0.25) 8px, transparent 8px), radial-gradient( circle at 3px 3px, hsl(0 0% 100% / 0.25) 5px, transparent 5px ), radial-gradient( circle at -1px 3px, hsl(0 0% 100% / 0.25) 5px, transparent 5px ), linear-gradient(#003693, #1669BC 50%, #5BA5E5 70%, #99E0E5), linear-gradient(#033996, #5590CC 50%, #8BBBE5 70%, #B0E1E5), linear-gradient(#888, #fff) !important}", 0);
// Emphasis buttons (including animation THIS TOOK MONTHS TO FIGURE OUT)
document.styleSheets[0].insertRule("@keyframes dia-log { 0%{ opacity: 0;} 50%{ opacity: 1;} 100%{opacity: 0;}}", 0);
document.styleSheets[0].insertRule("#game_start, #ok_button, #confirm_visit_button {background-image: linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 11px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%) !important; position:relative; background-color: #fff0;}", 0);
document.styleSheets[0].insertRule("#game_start:before, #ok_button:before, #confirm_visit_button:before {content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; display: block;z-index: -1;background-image: linear-gradient(#0F6BFF, #7BB7F4 50%, #ABDDFF 80%, #DCFFFF);border-radius: 100vw;background-repeat: no-repeat;background-position: center top, center top, left top, right top, center center;background-size: 100%, calc(100% - 20px), 10px 37%, 10px 37%, 100%}", 0);
document.styleSheets[0].insertRule("#game_start:after, #ok_button:after, #confirm_visit_button:after {content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; display: block;z-index: -1;background-image: linear-gradient(#033CA5, #629ED9 50%, #90C2F2 80%, #BBF0F8);border-radius: 100vw;background-repeat: no-repeat;background-position: center top, center top, left top, right top, center center;background-size: 100%, calc(100% - 20px), 10px 37%, 10px 37%, 100%; animation: 1s ease-in-out dia-log infinite;}", 0);
document.styleSheets[0].insertRule("#game_start:hover, #ok_button:hover, #confirm_visit_button:hover {background-image: linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 11px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#0F6BFF, #7BB7F4 50%, #ABDDFF 80%, #DCFFFF) !important;}", 0);
// Custom radio buttons (DISABLE INCASE OF DEBUG)
/**/document.styleSheets[0].insertRule("#game_window input, #theme_picker input {appearance: none;border-radius: 50%;width: 13px !important;height: 13px;border: 1px solid #5d5d5d !important;position: relative;top: 2px;left: 0.5em;margin-right: 0.75em;cursor: pointer;box-shadow: 0px 1px 2px #00000080;background-repeat: no-repeat;background-image: linear-gradient(hsl(0 0% 100% / 0.85), transparent 5px), radial-gradient(circle at 50% 1px, rgba(255, 255, 255, 0.25) 3px, transparent 4px), radial-gradient(circle at 50% 10px, rgba(255, 255, 255, 0.25) 1px, transparent 6px), linear-gradient(#999, #CCC 45%, #FFFFFF 95%);}", 0);
document.styleSheets[0].insertRule("input.game_answers {margin-right: 1.2em !important;}", 0);
document.styleSheets[0].insertRule("#game_window input:hover, #theme_picker input:hover {background-image: radial-gradient(circle at 50% 5px, rgba(0, 0, 0, 0.06) 10px, transparent 15px), linear-gradient(hsl(0 0% 100% / 0.85), transparent 5px), radial-gradient(circle at 50% 1px, rgba(255, 255, 255, 0.25) 3px, transparent 4px), radial-gradient(circle at 50% 10px, rgba(255, 255, 255, 0.25) 1px, transparent 6px), linear-gradient(#999, #CCC 45%, #FFFFFF 95%) !important;}", 0);
document.styleSheets[0].insertRule("#game_window input:checked, #theme_picker input:checked {background-image: radial-gradient(circle at 50% 5px, rgb(0, 0, 0) 1px, transparent 2.5px), linear-gradient(rgba(255, 255, 255, 0.85), transparent 7px), radial-gradient(circle at 50% 1px, rgba(255, 255, 255, 0.25) 3px, transparent 4px), radial-gradient(circle at 50% 11px, #CBFFFF 1px, transparent 7px), linear-gradient(#00005A, #006CD8 60%, #3F7CCB 95%) !important;}", 0);
document.styleSheets[0].insertRule("#game_window input:checked:hover, #theme_picker input:checked:hover {background-image: radial-gradient(circle at 50% 5px, rgb(0, 0, 0) 1px, transparent 2.5px), radial-gradient(circle at 50% 5px, rgba(0, 0, 0, 0.06) 10px, transparent 15px), linear-gradient(rgba(255, 255, 255, 0.85), transparent 7px), radial-gradient(circle at 50% 1px, rgba(255, 255, 255, 0.25) 3px, transparent 4px), radial-gradient(circle at 50% 11px, #CBFFFF 1px, transparent 7px), linear-gradient(#00005A, #006CD8 60%, #3F7CCB 95%) !important;}", 0);
document.styleSheets[0].insertRule("#game_window input[disabled] {opacity: 0.6;}", 0);/**/
// Tooltips
// Tooltip working code
var tt_vis = 0;
var tip_timeout;
const is_mobile = /android|iphone|kindle|ipad|ipod/i.test(navigator.userAgent);
//const is_mobile = true;
campaignTrail_temp.tooltips_active = true;
let tt_style = document.createElement("style")
tt_style.setAttribute("id", "sd_tooltip_style")
tt_style.innerHTML = `
.aquatooltip{text-decoration: underline dotted; -webkit-text-decoration: underline dotted; position: relative; display: inline-block; cursor: default;}.aquatooltipfiller{text-decoration: underline dotted; -webkit-text-decoration: underline dotted; cursor: default;}.aquatooltip .aquatooltiptext {white-space: nowrap; background: 0; color: black; text-align: left; padding: 2.5px; position: absolute; z-index: 500; margin-top: 15px; opacity: 0; border: 0; pointer-events: none; font-size: 11px !important; line-height: 1.25em !important; font-weight: normal !important; font-style: normal !important;box-shadow: rgba(0, 0, 0, 0.35) 0px 8px 12px; transition: opacity 1s 0.15s; width: max-content; height: max-content; font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif; box-sizing: border-box;}.aquatooltip .aquatooltiptext:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFBF; opacity: 0.95; z-index: -1; outline: 1px solid #0003;}${is_mobile ? `.aquatooltip:hover .aquatooltiptext {opacity: 1; transition: opacity 0s 0.15s;} .aquatooltip{text-decoration-thickness: 2.5px;}` : `.aquatooltip:hover .aquatooltiptext {opacity: 1; transition: opacity 0s 0.5s;}`}
`
document.head.appendChild(tt_style);
xtimer = function() {
if(!campaignTrail_temp.tooltips_active){ return;}
clearTimeout(tip_timeout);
interval = is_mobile ? 150 : 500;
tip_timeout = setTimeout(() => tt_vis = 1, interval);
}
tooltipify = function(e) {
if(!campaignTrail_temp.tooltips_active){ return;}
let this_e = e.currentTarget;
let x = e.clientX;
let y = e.clientY;
var rect = this_e.getBoundingClientRect();
tt = this_e.children[0];
if (window.getComputedStyle(tt).getPropertyValue("opacity") == 0) {
if(is_mobile){
tt.style.top = `0.8em`;
if ((rect.left + this_e.offsetWidth / 2 - tt.offsetWidth / 2 + tt.offsetWidth) > $(document).width()) {
tt.style.left = `calc(-${tt.offsetWidth}px + ${$(document).width()}px - ${rect.left}px - 2px)`;
} else if ((this_e.offsetWidth / 2 - tt.offsetWidth / 2 + rect.left) < 0) {
tt.style.left = `calc(-${rect.left}px + 2px)`;
} else {
tt.style.left = `calc(${this_e.offsetWidth}px / 2 - ${tt.offsetWidth}px / 2)`;
}
} else {
tt.style.top = `calc(${y}px - ${rect.top}px + 0.8em)`;
if ((x + tt.offsetWidth) > document.documentElement.clientWidth) {
tt.style.left = `calc(-${tt.offsetWidth}px + ${document.documentElement.clientWidth}px - ${rect.left}px - 2px)`;
} else {
tt.style.left = `calc(${x}px - ${rect.left}px)`;
}
}
}
}
mout = function() {
tt_vis = 0;
}
// SAMPLE TOOLTIP TEXT
// TEXTTOOLTIP
// List of tooltip text & defs
tooltip_defs = {
"Impeachment": "In 2007, Republicans claimed to have found a pattern of overbilling and no-bid contracts for Occidental Petroleum's operation of a gas pipeline in Afghanistan. To them, the Gore family's vast financial ties to the company were enough to implicate the president. Many working Americans still struggle to connect the dots.",
"FoggyBottom": "Terror plot foiled on May 15, 2006; Jihadi terrorist flagged and intercepted en route to State Dept. in a rental car rigged with ammonium nitrate, killed after high speed chase; motive was revenge for capturing Bin Laden.",
"OBL1": "Leader of Al-Qaeda; authorized the September 11th attacks. Captured by US forces on Feb. 21, 2005; awaiting trial for 2,973 counts of murder among other charges.",
"OBL2": "Leader of Al-Qaeda; authorized the September 11th attacks. Captured by US forces on Feb. 21, 2005; convicted and sentenced to death on 2,973 counts of murder; awaiting execution in ADX Florence.",
"OBL3": "Leader of Al-Qaeda; authorized the September 11th attacks. Captured by US forces on Feb. 21, 2005; convicted and sentenced to death on 2,973 counts of murder; executed in 2008.",
"OBLCapture": "On Feb. 21, 2005, US forces captured Osama bin Laden as he crossed into Afghanistan; 3 companions were killed in ensuing firefight. Bin Laden was arraigned and extradited to the SDNY on 2,973 counts of murder among other charges.",
"Iran": "Notorious Shia theocracy in the Middle East and a state sponsor of terror, though they have provided aid in the fight against the Taliban. Gore's work on a nuclear deal with them has long drawn skepticism from both sides of the aisle.",
"Saddam": "Dictator of Iraq (1979-present); enemy of humanity. The past two administrations have targeted him with air raids and missiles, but it seems his regime could only die with him.",
"Mubarak": "Dictator of Egypt (1981-present); in recent years, the President has been a key lifeline for him in an increasingly turbulent Middle East.",
"KimJI": "Dictator of North Korea (1994-present); Gore has done everything possible to keep him from building the bomb. So far it's working out.",
"Vlad": "Former President of Russia (1999-2008); his time in office was defined by a consolidation of power reaching beyond his own borders. Perhaps Medvedev taking charge will stem the tide on this front?",
"Vlad2": "President of Russia (1999-present); his tenure has been defined by a consolidation of power reaching beyond his own borders. He is a partner on fighting terror, but some worry the true Putin is reflected in his excesses.",
"BoxDing": "President Gore's landmark environmental legislation (enacted 2003); invests billions into clean infrastructure and technology. Since its enactment, it has been an effective target for Republican attacks.",
"NCLB": "Gore's landmark education reform (enacted 2001); gave teachers more money tied to strict standardized testing. Seven years on, reading scores are still stagnant.",
"PatRights": "To date Gore's principal healthcare reform (enacted 2003); forbids HMOs from blocking patients from the ER, and allows patients to sue them for denying care. While relatively minor, it has earned the ire of the insurance industry.",
"RCare": "Gov. Romney's landmark healthcare reform (enacted 2006); established a health insurance exchange, employer requirements, and subsidized plans for low-income persons; notably though, it does not include an individual mandate.",
"Johnson1": "Treasury Secretary (2001-present); Johnson deftly handled the dot-com crisis and the post-9/11 shock, but his ties to the faltering mortgage industry have started to make him a weight on the administration.",
"Johnson2": "Treasury Secretary (2001-2008); Johnson's past in the same companies that caused the housing crisis have made him persona-non-grata in public life. In no world could he have stayed in Washington.",
"Volcker": "Former Chairman of the Federal Reserve (1979-1987), Treasury Secretary (2008-present); an economic wizard credited with killing the inflation of the late 70s. Can he work his magic again?",
"Summers": "Former Treasury Secretary (1999-2001); his work in mitigating the Asian crisis earned him many plaudits, but Gore's feud with him has kept him out of the loop since then.",
"SummersF0": "Treasury Secretary (1999-2001, 2008-present); though Gore has feuded with him plenty before, he has listened to your advice and taken him on during this crisis. Can he save the world again?",
"SummersF1": "Treasury Secretary (1999-2001, 2008-present); despite his efforts, it seems he couldn't save the world this time. Maybe Gore's old grudges got in the way... at least that's what he tells you.",
"Blago": "Governor of Illinois (2003-2007), convicted felon (2008-present). Defeated in 2006 by Judy Baar Topinka amid various scandals.",
"Jindal": "Governor of Louisiana (2008-present); cleaning up Gore and Kathleen Blanco's mess after Hurricane Katrina has made Jindal a conservative celebrity.",
"Boehner": "Speaker of the House (2007-present); after the sudden downfall of Tom DeLay, Republicans searched for a reformer who could wipe off the scandal. Boehner was the perfect fit, though he's not as conservative as his whole caucus.",
"Pence": "Representative from Indiana (2001-present); known for being a Gore impeachment manager. A fodder for SNL impressions, but Republicans are warm to his steely gaze.",
"Kilpatrick": "Mayor of Detroit (2002-2006); burdened by scandal, it took the President intervening for him to narrowly lose re-election.",
"GWBush": "Senator from Texas (2007-present); the former governor (1995-2003) has finally found his way to Washington, although he seems to have mixed up the words \\\"Senator\\\" and \\\"Minister\\\" along the way.",
"McKinney": "Former congresswoman from Georgia (1993-2004), Green Party nominee; went nuts a long time ago.",
"Kagan": "Chief Justice of the Supreme Court; former Solicitor General (2001-2005); appointed by Gore in 2005 to replace Rehnquist; confirmed 63-37.",
"Wood": "Associate Justice of the Supreme Court; former Judge for the 7th Circuit (1995-2008); appointed by Gore in 2008 to replace Souter; confirmed 60-40.",
"LizK": "Organic food and peace activist, originally from London; wife of Dennis Kucinich (m. 2005).",
"McAuliffe": "Former DNC chair; friend of the Clintons and the Democrats' ambassador to the upper class.",
"Bloomberg": "Founder and CEO of Bloomberg L.P.; his billions couldn't make him Mayor of New York in the aftermath of 9/11, but maybe they can make Lieberman president.",
"Scarborough": "Former representative (1995-2001); GOP contender in 2004; now a Fox News host. In his time on cable, he's found the Republican base would rather be his viewers than his voters.",
"RamseyL": "Former Attorney General (1966-1969); in recent years an apologist of Milosevic and other such figures, and defense counsel to Osama bin Laden.",
"RamseyK": "Former Attorney General (1966-1969); these days, when he isn't representing clients like Osama bin Laden, he aligns with many of your causes, and is an acquaintance over email.",
"Gitmo": "Our little slice of Cuba, this shadowy military base that Clinton once used to house refugees is now home to... aliens? Osama bin Laden? Theories abound on Facebook."
}
tooltip_gen = function(str, id) {
if(!campaignTrail_temp.tooltips_active){return str;}
return `${str}${tooltip_defs[id]}`;
}
// Question count selector
// This scenario works better as designed with the full 31 questions, but you can still play a quick 25-question game
bhToggle = function() {
if (document.getElementById("difficulty_level") && !document.getElementById("bh_select")){
let bhOptions = [["25 (Quick)", 25], ["31", 31]];
let dd = document.createElement("select");
dd.id = "bh_select";
for(let i = 0; i < bhOptions.length; i++){
let oo = document.createElement("option");
oo.text = bhOptions[i][0];
if(bhOptions[i][0] == "31"){
oo.selected = true;
}
oo.value = bhOptions[i][1];
dd.options.add(oo);
}
let ff = document.createElement("form");
ff.name = "bh_select";
let h3 = document.createElement("h3");
h3.textContent = "Select the number of questions:";
ff.appendChild(h3);
ff.appendChild(dd);
document.getElementById("difficulty_level").appendChild(ff);
dd.addEventListener("change", function () {
campaignTrail_temp.global_parameter_json[0].fields.question_count = this.value;
})
} else {
return;
}
}
// Styling
document.styleSheets[0].insertRule("#difficulty_level form {display: inline-block !important; padding: 0 1em !important;", 0);
document.styleSheets[0].insertRule("#difficulty_level form p {margin: 0 !important;", 0);
// Observer code
const diffWatcherConfig = { attributes: true, childList: true, subtree: true };
const diffObserver = new MutationObserver(bhToggle);
diffObserver.observe(gameWindowNode, diffWatcherConfig);
// Boutique local storage
// Created for minor settings & achievement purposes
if (!localStorage.getItem("SD2008")){
let ls_init = {
"settings": {
"tooltips": true,
"no_random": false,
"jukebox_autoplay": "always"
}
}
// Achievement-specific stuff is CTS only
if(campaignTrail_temp.CTS){
ls_init["victories"] = {
"Edwards": false,
"Ford": false,
"Klobuchar": false,
"Richardson": false,
"Thompson": false,
"Thune": false,
"Kean": false,
"Crist": false
}
}
localStorage.setItem("SD2008", JSON.stringify(ls_init));
} else {
let sd_persistent = JSON.parse(localStorage.getItem("SD2008"));
campaignTrail_temp.tooltips_active = sd_persistent.settings.tooltips;
if(campaignTrail_temp.tooltips_active == false){ document.querySelector("#sd_tooltip_style").innerHTML = ".aquatooltiptext{display: none}";}
}
// Settings option that appears only on 1st screen
// Helps with adjusting misc. settings re: auxilliary features
const settings_div = `
`
$("#game_window").append(settings_div);
// Creates the dialog when button pressed
function settings_dialog() {
let sd_persistent = JSON.parse(localStorage.getItem("SD2008"));
const dialog_div = `
Tooltips:${sd_persistent.settings.tooltips ? `` : ``}On full question set:${sd_persistent.settings.no_random ? `` : ``}Jukebox will autoplay:
`;
$("#game_window").append(dialog_div);
// Event listeners that will work
$("#ok_button").click(() => $('#settings_overlay, #settings_window').remove());
$("input[type='radio'][name='tooltips']").change(function() {if(this.checked){settings_option("tooltips", this.value);}});
$("input[type='radio'][name='no_random']").change(function() {if(this.checked){settings_option("no_random", this.value);}});
$("#jukebox_autoplay_id").change(function() {settings_option("jukebox_autoplay", this.value);console.log(this.value)});
}
$("#settings_open").click(settings_dialog);
// Achievements
campaignTrail_temp.achievements = {
"Binders Full of Winners" : {
"image": "https://i.imgur.com/5zjBGtG.png",
"description": "Win with every running mate for both major candidates.",
"cannotBeCheated": true
},
"Coin Toss" : {
"image": "https://i.imgur.com/j6hXDOt.png",
"description": "As any candidate, tie the Electoral College and force Congress to pick the next president.",
"cannotBeCheated": true
},
"Margin Call" : {
"image": "https://i.imgur.com/Ti7Rr3a.png",
"description": "As Joe Lieberman, prevent the bailout of Lehman Brothers.",
"cannotBeCheated": true
},
"The Big Short" : {
"image": "https://i.imgur.com/wugecN8.png",
"description": "As Joe Lieberman, prevent the bailout and win anyway.",
"cannotBeCheated": true
},
"Joe The Plumber" : {
"image": "https://i.imgur.com/uIHsamK.png",
"description": "As Joe Lieberman, keep the Blue Wall together.",
"cannotBeCheated": true
},
"Burn Book" : {
"image": "https://i.imgur.com/jQ5uqm9.png",
"description": "As Joe Lieberman, win while telling McCain to buzz off.",
"cannotBeCheated": true
},
"Running It Back" : {
"image": "https://i.imgur.com/GGuXYhP.png",
"description": "As Joe Lieberman, win while being your own man.",
"cannotBeCheated": true
},
"Forgetting Larry Summers" : {
"image": "https://i.imgur.com/AiFNUC1.png",
"description": "As Joe Lieberman, take a vacation mid-crisis and return a winner.",
"cannotBeCheated": true
},
"New Gipper" : {
"image": "https://i.imgur.com/iTblE24.png",
"description": "As Mitt Romney, win California while holding true to your conservative values.",
"cannotBeCheated": true
},
"Connecticut for... Romney?" : {
"image": "https://i.imgur.com/xwK8p7D.png",
"description": "As Mitt Romney, win your opponent's home state.",
"cannotBeCheated": true
},
"Mr. Fix It" : {
"image": "https://i.imgur.com/hbRLdI6.png",
"description": "As Mitt Romney, win while talking about the economy at every opportunity.",
"cannotBeCheated": true
},
"No More Mr. Nice Guy" : {
"image": "https://i.imgur.com/OtDCEAh.png",
"description": "As Mitt Romney, win while attacking your opponent(s) at every opportunity.",
"cannotBeCheated": true
},
"Hannity's Favorite" : {
"image": "https://i.imgur.com/yEm7apb.png",
"description": "As Mitt Romney, win in a landslide while sticking to your heartland message.",
"cannotBeCheated": true
},
"George's Son" : {
"image": "https://i.imgur.com/tiu7cIA.png",
"description": "As Mitt Romney, win in a landslide while staying true to your father.",
"cannotBeCheated": true
},
"Running in Circles" : {
"image": "https://i.imgur.com/GlN1yfU.png",
"description": "As Mitt Romney, face the same fate as George W. Bush in 2000.",
"cannotBeCheated": true
},
"Not Him, Me" : {
"image": "https://i.imgur.com/DftDYMp.png",
"description": "As Dennis Kucinich, finish in 2nd place or above in Vermont.",
"cannotBeCheated": true
},
"Burst Into Pieces Like a Frog" : {
"image": "https://i.imgur.com/TqLuURq.png",
"description": "As Dennis Kucinich, unleash revolutionary forces beyond your control.",
"cannotBeCheated": true
},
"Next Vanguard?" : {
"image": "https://i.imgur.com/6Sd7z6G.png",
"description": "As Dennis Kucinich, get over 8% of the popular vote with Romney as the winner.",
"cannotBeCheated": true
},
"Next Movement?" : {
"image": "https://i.imgur.com/qMtH8pO.png",
"description": "As Dennis Kucinich, get over 8% of the popular vote with Lieberman as the winner.",
"cannotBeCheated": true
},
"Delayed Demolition" : {
"image": "https://i.imgur.com/ygxLTvk.png",
"description": "As Dennis Kucinich, pull enough votes from Lieberman for Romney to win in a landslide.",
"cannotBeCheated": true
},
"Who's The Schmuck Now?" : {
"image": "https://i.imgur.com/FQEDaA5.png",
"description": "As Dennis Kucinich, pull enough faithless electors to force Congress to pick the next president.",
"cannotBeCheated": true
}
}
// Sundance.FM
// An entire jukebox
// Jukebox class
jukebox = {
element: campaignTrailMusic,
playlist: [],
is_active: false,
// 0: Paused; 1: Playing
state: 0,
track_num: 0,
// Counts how many times the soundtrack has been changed
inits: -1,
// Basic playback functions
play: function() {
if(this.is_active){
if(!this.state){
this.element.play();
this.state = 1;
} else {
this.element.pause();
this.state = 0;
}
}
},
rewind: function() {
if(this.is_active){
this.track_num--;
if(this.track_num < 0){
this.track_num += this.playlist.length;
}
this.element.src = this.playlist[this.track_num]["src"];
}
this.state = 1;
},
fast_forward: function() {
if(this.is_active){
this.track_num++;
this.track_num %= this.playlist.length;
this.element.src = this.playlist[this.track_num]["src"];
}
this.state = 1;
},
// How to start with it
init: function(songs) {
this.playlist = songs;
this.inits++;
},
active: function(autoplay = true) {
this.is_active = true;
this.element.src = this.playlist[this.track_num]["src"];
if(autoplay){this.play();}else{this.element.pause()}
},
reinit: function(songs, autoplay = true) {
this.playlist = songs;
this.inits++;
this.track_num = 0;
this.element.src = this.playlist[this.track_num]["src"];
if(autoplay){this.play();}else{this.element.pause()}
}
}
campaignTrail_temp.jukebox = jukebox;
// Track name
// Artist name
// Album name
// src
min_sec = function(float) {
// Quickly returns a minute:second pair from any floating point value
// (This is designed to work with the currentTime attribute)
// This function does not use any instance variables. The calculations are done live
return `${Math.floor(float / 60)}:${Math.floor(float) % 60 < 10 ? "0" : ""}${Math.floor(float) % 60}`;
}
calc_indicator = function(len, dur) {
let a = Math.floor((campaignTrailMusic.currentTime / campaignTrailMusic.duration) * 45) - 2
if(a < 0){
return 0;
}
return a;
}
j_activate = function() {
document.querySelector(".j_controls").style.display = "inline-block";
document.querySelector(".j_activesong").style.display = "inline-block";
jukebox.init([
{
name: "Can't Tell Me Nothing",
artist: "KanYe West",
album: "Graduation",
src: "https://audio.jukehost.co.uk/lmSnMtGnGROPpdqODdL2PQAzgC7hkgV5",
duration: 271.627029
},
{
name: "Glass Onion",
artist: "The Beatles",
album: "The Beatles",
src: "https://audio.jukehost.co.uk/j7aPv7XgxTUiIgnrPYhtuKzum5pLvZUR",
duration: 137.694331
},
{
name: "Read My Mind",
artist: "The Killers",
album: "Sam's Town",
src: "https://audio.jukehost.co.uk/T65Q6fBSIUKbtCAsjalfcdUozaU8wwjs",
duration: 169.69675
},
{
name: "CuDi Get",
artist: "Kid Cudi",
album: "A Kid Named Cudi",
src: "https://audio.jukehost.co.uk/67NfEusUI7hCVltoHty677GbfIQUT33a",
duration: 140.155646
},
{
name: "Dat New \"New\"",
artist: "Kid Cudi",
album: "Dat New \"New\"",
src: "https://audio.jukehost.co.uk/AK7fUXIuh7n5hX4AzLOXzmJZ3lkwpuaf",
duration: 254.328163
},
{
name: "Us Placers",
artist: "Child Rebel Soldier",
album: "Us Placers",
src: "https://audio.jukehost.co.uk/HHZRabpfdJIBRyN1FX43cWNfSBc5oMOo",
duration: 230.45052
},
{
name: "Walking On A Dream",
artist: "Empire Of The Sun",
album: "Walking On A Dream",
src: "https://audio.jukehost.co.uk/z7omI4XeH9JYea9uQzHQUIp0ojRmsDmF",
duration: 198.460952
},
{
name: "Around the Bend",
artist: "The Asteroids Galaxy Tour",
album: "Fruit",
src: "https://audio.jukehost.co.uk/pKlji6MofPGVoOpWm8jG8iNrez4PPl8q",
duration: 229.92399
},
{
name: "Yeah You",
artist: "N*E*R*D",
album: "Seeing Sounds",
src: "https://audio.jukehost.co.uk/UVWsbZQWrN6u8gn6vLlj5tdUjNRTbsdP",
duration: 245.57424
},
{
name: "Lovely Rita",
artist: "The Beatles",
album: "Sgt. Pepper's Lonely Hearts Club Band",
src: "https://audio.jukehost.co.uk/NCTstfQNnbwaisvKt2SiOUixowqqFAx9",
duration: 165.836916
},
{
name: "Real People",
artist: "Common",
album: "Be",
src: "https://audio.jukehost.co.uk/qQrM0KzIKAg87DvKgsCbGvndrrjM3WlN",
duration: 168.298231
},
{
name: "Homecoming",
artist: "KanYe West",
album: "Graduation",
src: "https://audio.jukehost.co.uk/Xm7cDBHvZapvlnSUdLB3UH7YSOs435LV",
duration: 203.522902
},
])
let sd_persistent = JSON.parse(localStorage.getItem("SD2008"));
let will_autoplay = sd_persistent.settings.jukebox_autoplay == 'always';
jukebox.active(will_autoplay);
j_textupdate();
document.querySelector("#j_playback").innerText = "Pause";
campaignTrailMusic.removeAttribute("loop");
campaignTrailMusic.addEventListener("timeupdate", (event) => {
document.querySelector("#j_songprogress").value = Math.floor(campaignTrailMusic.currentTime);
document.querySelector("#j_indicator").style.width = `${calc_indicator(campaignTrailMusic.currentTime, campaignTrailMusic.duration)}px`;
document.querySelector("#j_played").innerText = min_sec(campaignTrailMusic.currentTime);
document.querySelector("#j_songlen").innerText = `-${min_sec(jukebox.playlist[jukebox.track_num]["duration"] - Math.floor(campaignTrailMusic.currentTime))}`;
});
campaignTrailMusic.addEventListener("durationchange", (event) => {
document.querySelector("#j_songprogress").max = Math.floor(campaignTrailMusic.duration);
document.querySelector("#j_songlen").innerText = `-${min_sec(jukebox.playlist[jukebox.track_num]["duration"])}`;
document.querySelector("#j_indicator").style.width = `0px`;
});
campaignTrailMusic.addEventListener("ended", (event) => {
j_fastforward();
});
document.querySelector("#j_songprogress").addEventListener("input", (event) => {
campaignTrailMusic.currentTime = document.querySelector("#j_songprogress").value;
});
document.querySelector("#j_volume").addEventListener("input", (event) => {
campaignTrailMusic.volume = document.querySelector("#j_volume").value;
});
campaignTrailMusic.muted = campaignTrail_temp.mute;
}
j_textupdate = function() {
document.querySelector("#j_songname").innerText = jukebox.playlist[jukebox.track_num]["name"];
document.querySelector("#j_artist").innerHTML = `${jukebox.playlist[jukebox.track_num]["artist"]}`;
document.querySelector("#j_album").innerHTML = `${jukebox.playlist[jukebox.track_num]["album"]}`;
document.querySelector("#j_playback").setAttribute("playing", jukebox.state ? "true" : "false");
document.querySelector("#j_songname").scrollWidth > 163 ? document.querySelector("#j_songname").className = "sn_overflow" : document.querySelector("#j_songname").className = "";
document.querySelector("#j_artist").scrollWidth > 163 ? document.querySelector("#j_artist").className = "sn_overflow" : document.querySelector("#j_artist").className = "";
document.querySelector("#j_album").scrollWidth > 163 ? document.querySelector("#j_album").className = "sn_overflow" : document.querySelector("#j_album").className = "";
}
j_playback = function() {
jukebox.play();
document.querySelector("#j_playback").setAttribute("playing", jukebox.state ? "true" : "false");
}
j_rewind = function() {
jukebox.rewind();
j_textupdate();
}
j_fastforward = function() {
jukebox.fast_forward();
j_textupdate();
}
// Jukebox element
let mp_element = document.querySelector("#music_player");
mp_element.style.display = "flex";
mp_element.innerHTML =
`
![](\\\"https://i.imgur.com/3PXuHna.png\\\")
![](\\\"https://i.imgur.com/jPfhPlq.png\\\")
![](\\\"https://i.imgur.com/7Qoau83.png\\\")
![](\\\"https://i.imgur.com/CR0NKjT.png\\\")
![](\\\"https://i.imgur.com/0kWXaWS.png\\\")
`;
$("#game_window")[0].style.border = "0";
$("#game_window")[0].style.boxShadow = "rgba(0, 0, 0, 0.7) 0px 15px 40px";
document.getElementsByClassName("game_header")[0].style.height = "auto";
nct_stuff.themes[nct_stuff.selectedTheme].coloring_title = "#00000000";
nct_stuff.themes[nct_stuff.selectedTheme].coloring_window = "#fff";
nct_stuff.themes[nct_stuff.selectedTheme].background_cover = false;
nct_stuff.themes[nct_stuff.selectedTheme].window_url = "";
nct_stuff.themes[nct_stuff.selectedTheme].map_url = "";
nct_stuff.themes[nct_stuff.selectedTheme].text_col = "black"
document.getElementById("music_player").style.display = "none";
$("#game_window")[0].style.backgroundColor = "#fff";
document.getElementsByClassName("game_header")[0].style.backgroundColor = nct_stuff.themes[nct_stuff.selectedTheme].coloring_title
$(".footer a").css({"color":"#00e"});
$("#site_credits a").css({"color":"#00e"});
$(".container")[0].style.backgroundColor = "#E0E0E0";
$(".container")[0].style.padding = "0em";
$(".container")[0].style.border = "1px solid #00000055";
$(".container")[0].style.color = "#000";
$(".container")[0].style.width = "100em";
$(".content_single")[0].style.padding = "0px 0.723em 1em";
// Custom styling rules
// Keeps game window constrained and changes look of many game elements
document.styleSheets[0].insertRule(".game_header{ height:auto !important; border-style: none !important; padding: 0 !important }", 0);
document.styleSheets[0].insertRule(".inner_window_question{ height:23.4em !important;}", 0);
document.styleSheets[0].insertRule(".inner_window_w_desc{ height:36.9em !important;}", 0);
document.styleSheets[0].insertRule("#candidate_pic{ height:12.6em !important;}", 0);
document.styleSheets[0].insertRule("#running_mate_pic{ height:12.6em !important;}", 0);
document.styleSheets[0].insertRule(".inner_window_sign_display{ height:12.6em !important;}", 0);
document.styleSheets[0].insertRule("#main_content_area{ height:34.2em !important;}", 0);
document.styleSheets[0].insertRule("#menu_container{ background-color:#fff !important;}", 0);
document.styleSheets[0].insertRule("#overall_result_container{ background-color:#fff !important;}", 0);
document.styleSheets[0].insertRule("#overall_result{ background-color: #E8E8E8 !important;}", 0);
document.styleSheets[0].insertRule("#state_info{ background-color: #E8E8E8 !important;}", 0);
document.styleSheets[0].insertRule("#state_result{ background-color: #E8E8E8 !important;}", 0);
document.styleSheets[0].insertRule("#state_result_container{ background-color:#fff !important;}", 0);
document.styleSheets[0].insertRule("#game_window{ height:41em !important;}", 0);
document.styleSheets[0].insertRule("#map_container{ background-color:#eef !important; background-color: #E8E8E8 !important;}", 0);
document.styleSheets[0].insertRule(".inner_window_question h3{ background-image:linear-gradient(rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(#FFF 5%, #E0E0E0, #FFF 95%) !important;}", 0);
document.styleSheets[0].insertRule("#overall_result h3{ background-image:linear-gradient(rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(#FFF 5%, #E0E0E0, #FFF 95%) !important; margin-bottom: -0.1em !important; padding: 0.1em !important;}", 0);
document.styleSheets[0].insertRule("#state_info h3{ background-image:linear-gradient(rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(#FFF 5%, #E0E0E0, #FFF 95%) !important;}", 0);
document.styleSheets[0].insertRule("#state_result h3{ background-image:linear-gradient(rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(#FFF 5%, #E0E0E0, #FFF 95%) !important;}", 0);
// Custom tables
document.styleSheets[0].insertRule("#main_content_area table {border: 1px solid #B2B2B2 !important; background-color: #ffffff !important; border-spacing: 0 !important;}", 0);
document.styleSheets[0].insertRule("#main_content_area tr:nth-child(odd) {background-color: #ecf3fe !important;}", 0);
document.styleSheets[0].insertRule("#main_content_area td {border: solid #ffffff00 !important; border-width: 1px !important;}", 0);
document.styleSheets[0].insertRule("#main_content_area th {border-bottom: 1px solid #B2B2B2 !important; border-right: 1px solid #B2B2B2 !important; border-top: 0 !important; border-left: 0 !important; background-image: linear-gradient(rgba(255, 255, 255, 0.25) 50%, transparent 50%), linear-gradient(#FFF 5%, #E0E0E0, #FFF 95%) !important; font-size: 92.5% !important;}", 0);
document.styleSheets[0].insertRule("#main_content_area tr th:last-child {border-right: 0 !important;}", 0);
// More custom styling
document.styleSheets[0].insertRule("#overall_election_details a, #recommended_reading_box a {color: #00e;}", 0);
document.styleSheets[0].insertRule("#map_footer {margin-top:1em !important;}", 0);
document.styleSheets[0].insertRule(".election_description_window {background-color: #E8E8E8 !important;", 0);
document.styleSheets[0].insertRule(".person_description_window {background-color: #E8E8E8 !important;", 0);
document.styleSheets[0].insertRule(".description_window_small {background-color: #E8E8E8 !important;", 0);
document.styleSheets[0].insertRule(".inner_window_front {background-color: #E8E8E8 !important;", 0);
document.styleSheets[0].insertRule(".inner_window_question {background-color: #E8E8E8 !important;", 0);
document.styleSheets[0].insertRule(".inner_window_sign_display {background-color: #E8E8E8 !important;", 0);
document.styleSheets[0].insertRule("#campaign_sign {background-color: rgb(10,49,97) !important; border-color: rgb(179,25,66) !important;", 0);
document.styleSheets[0].insertRule(".inner_window_w_desc {border-color: white !important;", 0);
document.styleSheets[0].insertRule(".overlay {top:23px !important;", 0);
// Custom advisor feedback
document.styleSheets[0].insertRule("@keyframes show {100% {transform: translateY(-0%);}}", 0);
document.styleSheets[0].insertRule(".overlay_window { border: none !important; top: 23px !important; box-shadow: rgba(0, 0, 0, 0.7) 0px 10px 15px; background: none !important; transform: translateY(-110%); animation: show 250ms ease-in-out forwards;}", 0);
// Background with separate opacity
document.styleSheets[0].insertRule(".overlay_window:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #E8E8E8 !important; opacity: 0.95; z-index: -1;}", 0);
document.styleSheets[0].insertRule(".overlay_window h3 { font-size: 1.3em !important; margin: 0em !important; padding: 0em 0px 0.35em !important; border-bottom: none !important; background-color:#f8f8f8 !important; opacity: 0;}", 0);
// Plays Funk sound
var music = new Audio('https://files.catbox.moe/xn5afd.ogg');
music.loop = false;
music.volume = 0.5;
function advisorFeedbackTitlebar() {
const advisorHold = document.getElementsByClassName("overlay_window_content")[0];
if(!advisorHold || advisorHold.classList.contains("done")) {
return;
}
advisorHold.classList.add("done");
document.getElementsByClassName("overlay_window_content")[0].children[0].innerHTML = "";
if(!campaignTrail_temp.mute){
music.play();
}
}
const gameWindowNode = document.getElementById("game_window");
const feedbackWatcherConfig = { attributes: true, childList: true, subtree: true };
const feedbackObserver = new MutationObserver(advisorFeedbackTitlebar);
feedbackObserver.observe(gameWindowNode, feedbackWatcherConfig);
// Advisor feedback enhancements and animation
document.styleSheets[0].insertRule(".overlay { opacity: 0 !important;}", 0);
document.styleSheets[0].insertRule(".game_header { position: relative !important; z-index: 102; left: -1px !important; width: calc(100% + 2px) !important;}", 0);
document.styleSheets[0].insertRule("#game_window { overflow-y: clip !important;}", 0);
// Special border
document.styleSheets[0].insertRule("#game_window:after { border: 1px solid #00000033; position: absolute; top: 0px; left: -1px; width: 100%; height: 100%; content: ''; background-color: #00000000; pointer-events: none;}", 0);
document.styleSheets[0].insertRule("div.footer { position: relative !important; border-top-color: #00000000 !important;}", 0);
document.styleSheets[0].insertRule("div.footer:after { border-top: 1px solid #00000033; position: absolute; top: -11px; left: 5.5px; width: 970.2px; height: 1px; content: ''; background-color: #00000000; pointer-events: none;}", 0);
// Additional hullaballoo
document.getElementById("inner_window_1").children[1].innerHTML = ` 
`
document.styleSheets[0].insertRule("#after_button { height:14px; width:56px; z-index: 103; position: absolute; content: ''; top: 5px; left: 9px; opacity: 0; background-image: url('https://i.imgur.com/jF5O1dp.png'); display: block;}", 0);
document.styleSheets[0].insertRule("#after_button:hover{opacity: 100%;}", 0);
document.styleSheets[0].insertRule("#title_text { height:23px; width:123px; z-index: 103; position: absolute; content: ''; top: 0; left: 0; right: 0; margin-inline: auto; background-image: url('https://i.imgur.com/2QDyLhg.png'); display: block;}", 0);
// Further reading styling
document.styleSheets[0].insertRule("#recommended_reading_box { margin-left: auto !important; margin-right: auto !important; border-width: 0px !important; border-style: none !important; width: auto !important; background: url('https://i.imgur.com/En9xiMG.png') no-repeat bottom !important; height: 27.8em;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box .ftab, #recommended_reading_box .ftab-active {font-family: Segoe UI, Myriad Roman, Frutiger, Frutiger Linotype, Dejavu Sans,Arial, Helvetica Neue, sans-serif !important; font-size: 10pt; font-weight: 600; background-image: url('https://i.imgur.com/z5seodk.png');width: 117px;height: 38px;margin-top: 18px !important; margin-bottom: 18px !important; padding-top: 8.5px;box-sizing: border-box; cursor: pointer; user-select:none; color: #191919; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box .ftab:hover {background-image: url('https://i.imgur.com/ttQZgyG.png'); color: #FFF !important; text-shadow: #191919 0px -1px 0px !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box .ftab:active {background-image: url('https://i.imgur.com/gjetWSc.png') !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box .ftab-active {background-image: url('https://i.imgur.com/rWC8m5E.png') !important; cursor: default !important; color: #FFF !important; text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #start.ftab {background-image: url('https://i.imgur.com/aiX1qVw.png');}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #start.ftab:hover {background-image: url('https://i.imgur.com/FgTOpCe.png'); color: #FFF !important; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #start.ftab:active {background-image: url('https://i.imgur.com/AA6kgtX.png') !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #start.ftab-active {background-image: url('https://i.imgur.com/hco3VPj.png') !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #end.ftab {width: 118px !important; background-image: url('https://i.imgur.com/OaGVjkC.png');}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #end.ftab:hover {background-image: url('https://i.imgur.com/y9HHWgK.png'); color: #FFF !important; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #end.ftab:active {background-image: url('https://i.imgur.com/tNCtSoC.png') !important;}", 0);
document.styleSheets[0].insertRule("#recommended_reading_box #end.ftab-active {width: 118px !important; background-image: url('https://i.imgur.com/tnEQt7b.png') !important;}", 0);
// Tab iterator functions
tab0 = function() {
if(document.getElementById("tab-select").children[0].classList.contains("ftab")){
document.getElementById("tab-select").children[0].classList.remove("ftab");
document.getElementById("tab-select").children[0].classList.add("ftab-active");
}
for(let i = 1; i < 4; i++){
if(document.getElementById("tab-select").children[i].classList.contains("ftab-active")){
document.getElementById("tab-select").children[i].classList.remove("ftab-active");
document.getElementById("tab-select").children[i].classList.add("ftab");
}
}
document.getElementById("rpage0").style.display = "inline-block";
document.getElementById("rpage1").style.display = "none";
document.getElementById("rpage2").style.display = "none";
document.getElementById("rpage3").style.display = "none";
}
tab1 = function() {
if(document.getElementById("tab-select").children[1].classList.contains("ftab")){
document.getElementById("tab-select").children[1].classList.remove("ftab");
document.getElementById("tab-select").children[1].classList.add("ftab-active");
}
for(let i = 0; i < 4; i++){
if(document.getElementById("tab-select").children[i].classList.contains("ftab-active") && i != 1){
document.getElementById("tab-select").children[i].classList.remove("ftab-active");
document.getElementById("tab-select").children[i].classList.add("ftab");
}
}
document.getElementById("rpage0").style.display = "none";
document.getElementById("rpage1").style.display = "inline-block";
document.getElementById("rpage2").style.display = "none";
document.getElementById("rpage3").style.display = "none";
}
tab2 = function() {
if(document.getElementById("tab-select").children[2].classList.contains("ftab")){
document.getElementById("tab-select").children[2].classList.remove("ftab");
document.getElementById("tab-select").children[2].classList.add("ftab-active");
}
for(let i = 0; i < 4; i++){
if(document.getElementById("tab-select").children[i].classList.contains("ftab-active") && i != 2){
document.getElementById("tab-select").children[i].classList.remove("ftab-active");
document.getElementById("tab-select").children[i].classList.add("ftab");
}
}
document.getElementById("rpage0").style.display = "none";
document.getElementById("rpage1").style.display = "none";
document.getElementById("rpage2").style.display = "inline-block";
document.getElementById("rpage3").style.display = "none";
}
tab3 = function() {
if(document.getElementById("tab-select").children[3].classList.contains("ftab")){
document.getElementById("tab-select").children[3].classList.remove("ftab");
document.getElementById("tab-select").children[3].classList.add("ftab-active");
}
for(let i = 0; i < 3; i++){
if(document.getElementById("tab-select").children[i].classList.contains("ftab-active")){
document.getElementById("tab-select").children[i].classList.remove("ftab-active");
document.getElementById("tab-select").children[i].classList.add("ftab");
}
}
document.getElementById("rpage0").style.display = "none";
document.getElementById("rpage1").style.display = "none";
document.getElementById("rpage2").style.display = "none";
document.getElementById("rpage3").style.display = "inline-block";
}
// Cool banner ads in place of the bottom bar
document.getElementById("bottomBar").style.display = "";
document.styleSheets[0].insertRule("#bottomBar {background-color: #fff !important;", 0);
document.getElementById("bottomBar").style.backgroundSize = "0%";
document.getElementById("bottomBar").style.borderStyle = "none";
document.getElementById("bottomBar").style.padding = "0";
document.getElementById("bottomBar").style.height = "60px";
// banners = ["https://i.imgur.com/ETMH5C8.png"]
banners = ["https://i.imgur.com/DRbsk0p.png", "https://i.imgur.com/droUk6w.png", "https://i.imgur.com/56d0wHg.png", "https://i.imgur.com/8krDOkg.png", "https://i.imgur.com/5T1vE42.png", "https://i.imgur.com/GifF7rN.png", "https://i.imgur.com/QxWKwvM.png", "https://i.imgur.com/dQcvCcm.png", "https://i.imgur.com/oFwBa5G.png", "https://i.imgur.com/BsyjiXV.png", "https://i.imgur.com/5kP5Pgs.png", "https://i.imgur.com/uSBnS4S.png", "https://i.imgur.com/kNMGIR5.png", "https://i.imgur.com/ko0UOL5.png", "https://i.imgur.com/YxTSfMc.png", "https://i.imgur.com/xc2vAyT.png", "https://i.imgur.com/ZkgJ1pp.png", "https://i.imgur.com/QDGDQtq.png", "https://i.imgur.com/fmas8bj.png", "https://i.imgur.com/ETyR8uQ.png", "https://i.imgur.com/8PanDs1.png", "https://i.imgur.com/VjSlxv1.png", "https://i.imgur.com/p5sKCwk.png", "https://i.imgur.com/UYCBn6h.png", "https://i.imgur.com/2gFqn84.png", "https://i.imgur.com/Mo5MgPo.png", "https://i.imgur.com/qMmirNE.png", "https://i.imgur.com/w9akxxd.png", "https://i.imgur.com/ZZ62YvY.png", "https://i.imgur.com/c7KvGRm.png", "https://i.imgur.com/einEqjc.png", "https://i.imgur.com/tOzwM0m.png", "https://i.imgur.com/FoVp5p3.png", "https://i.imgur.com/uo6luth.png", "https://i.imgur.com/pdKxAjg.png", "https://i.imgur.com/16nXlQ3.png"];
bannerad = banners[Math.floor((Math.random() * banners.length))]
document.getElementById("bottomBar").innerHTML = `
`
document.getElementById("mute_button").addEventListener("click", mute);
function mute() {
console.log("You just found the mute button")
if(campaignTrail_temp.mute==true){
document.getElementById("mute_button").style.opacity = "0";
campaignTrailMusic.muted = false;
campaignTrail_temp.mute = false;
} else{
document.getElementById("mute_button").style.opacity = "1";
campaignTrailMusic.muted = true;
campaignTrail_temp.mute = true;
}
}/**/
// Hide theme picker
document.getElementById("theme_picker").style.display = "none";
document.styleSheets[0].insertRule(".footer h4 { display: none;}", 0);
/* WARNING::: THE FOLLOWING CONTROL ELEMENTS ARE ALL CUSTOM
* THEY ARE NOT CREATED USING CSS LIBRARIES
* because none are available at this time :)
*/
// Custom buttons
document.styleSheets[0].insertRule("button{font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif !important; font-size: 92.5% !important; border-radius:100vw !important; border: 1px solid #5d5d5d !important; background-repeat: no-repeat !important; background-position: top, top center, top left, top right, center !important; padding: 0.1em 1em !important; background-image: linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 11px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#c5c5c5, #fff);background-size: 100%, calc(100% - 20px), 10px 37%, 10px 37%, 100% !important;cursor:pointer;box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 1px;}", 0);
//document.styleSheets[0].insertRule("button:hover{background-image: linear-gradient(hsl(0 0% 100% / 0.85), transparent 10px), linear-gradient(hsl(0 0% 100% / 0.25) 10px, transparent 10px), radial-gradient( circle at 3px 5px, hsl(0 0% 100% / 0.25) 5px, transparent 5px ), radial-gradient( circle at -1px 5px, hsl(0 0% 100% / 0.25) 5px, transparent 5px ), linear-gradient(#0342b9, #81DBFF);}");
document.styleSheets[0].insertRule("button:hover{background-image: linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 11px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#999, #fff);}", 0);
document.styleSheets[0].insertRule("button:active{background-image: linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 11px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#033CA5, #629ED9 50%, #90C2F2 80%, #BBF0F8) !important;}", 0);
// Custom dropdown (with custom icon)
document.styleSheets[0].insertRule("select {font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif !important; font-size: 92.5% !important; border-radius:0.21vw !important; border: 1px solid #5d5d5d !important; background-repeat: no-repeat !important; background-position: right 7px center, top, top center, top left, top right, left, left, right !important; padding: 0.1em 0.5em !important; background-image: url('https://i.imgur.com/ZvnjTkK.png'), linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 5px 3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px 3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#c5c5c5, #fff), linear-gradient(#003BA3, #1976D3 50%, #66B7FF 70%, #A9F9FF), linear-gradient(#033CA5, #5D9EDF 50%, #9ACFFF 70%, #C3FBFF) !important; background-size: 5px, 100%, calc(100% - 8px), 4px 37%, 4px 37%, calc(100% - 19px), calc(100% - 18px), 18px;cursor: pointer;box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 1px; appearance: none; padding-right: 32px !important;}", 0);
document.styleSheets[0].insertRule("select:hover {background-image: url('https://i.imgur.com/ZvnjTkK.png'), linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 5px 3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px 3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#999, #fff), linear-gradient(#003693, #1669BC 50%, #5BA5E5 70%, #99E0E5), linear-gradient(#033996, #5590CC 50%, #8BBBE5 70%, #B0E1E5) !important;}", 0);
document.styleSheets[0].insertRule("select:active {background-image: url('https://i.imgur.com/ZvnjTkK.png'), linear-gradient(hsl(0 0% 100% / 0.85), transparent 8px), linear-gradient(hsl(0 0% 100% / 0.25) 8px, transparent 8px), radial-gradient( circle at 3px 3px, hsl(0 0% 100% / 0.25) 5px, transparent 5px ), radial-gradient( circle at -1px 3px, hsl(0 0% 100% / 0.25) 5px, transparent 5px ), linear-gradient(#003693, #1669BC 50%, #5BA5E5 70%, #99E0E5), linear-gradient(#033996, #5590CC 50%, #8BBBE5 70%, #B0E1E5), linear-gradient(#888, #fff) !important}", 0);
// Emphasis buttons (including animation THIS TOOK MONTHS TO FIGURE OUT)
document.styleSheets[0].insertRule("@keyframes dia-log { 0%{ opacity: 0;} 50%{ opacity: 1;} 100%{opacity: 0;}}", 0);
document.styleSheets[0].insertRule("#game_start, #ok_button, #confirm_visit_button {background-image: linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 11px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%) !important; position:relative; background-color: #fff0;}", 0);
document.styleSheets[0].insertRule("#game_start:before, #ok_button:before, #confirm_visit_button:before {content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; display: block;z-index: -1;background-image: linear-gradient(#0F6BFF, #7BB7F4 50%, #ABDDFF 80%, #DCFFFF);border-radius: 100vw;background-repeat: no-repeat;background-position: center top, center top, left top, right top, center center;background-size: 100%, calc(100% - 20px), 10px 37%, 10px 37%, 100%}", 0);
document.styleSheets[0].insertRule("#game_start:after, #ok_button:after, #confirm_visit_button:after {content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; display: block;z-index: -1;background-image: linear-gradient(#033CA5, #629ED9 50%, #90C2F2 80%, #BBF0F8);border-radius: 100vw;background-repeat: no-repeat;background-position: center top, center top, left top, right top, center center;background-size: 100%, calc(100% - 20px), 10px 37%, 10px 37%, 100%; animation: 1s ease-in-out dia-log infinite;}", 0);
document.styleSheets[0].insertRule("#game_start:hover, #ok_button:hover, #confirm_visit_button:hover {background-image: linear-gradient(rgba(255, 255, 255, 0.85), transparent 37%), linear-gradient(rgba(255, 255, 255, 0.25) 37%, transparent 37%), radial-gradient(circle at 11px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), radial-gradient(circle at -1px -3px, rgba(255, 255, 255, 0.25) 65%, transparent 70%), linear-gradient(#0F6BFF, #7BB7F4 50%, #ABDDFF 80%, #DCFFFF) !important;}", 0);
// Custom radio buttons (DISABLE INCASE OF DEBUG)
/**/document.styleSheets[0].insertRule("#game_window input, #theme_picker input {appearance: none;border-radius: 50%;width: 13px !important;height: 13px;border: 1px solid #5d5d5d !important;position: relative;top: 2px;left: 0.5em;margin-right: 0.75em;cursor: pointer;box-shadow: 0px 1px 2px #00000080;background-repeat: no-repeat;background-image: linear-gradient(hsl(0 0% 100% / 0.85), transparent 5px), radial-gradient(circle at 50% 1px, rgba(255, 255, 255, 0.25) 3px, transparent 4px), radial-gradient(circle at 50% 10px, rgba(255, 255, 255, 0.25) 1px, transparent 6px), linear-gradient(#999, #CCC 45%, #FFFFFF 95%);}", 0);
document.styleSheets[0].insertRule("input.game_answers {margin-right: 1.2em !important;}", 0);
document.styleSheets[0].insertRule("#game_window input:hover, #theme_picker input:hover {background-image: radial-gradient(circle at 50% 5px, rgba(0, 0, 0, 0.06) 10px, transparent 15px), linear-gradient(hsl(0 0% 100% / 0.85), transparent 5px), radial-gradient(circle at 50% 1px, rgba(255, 255, 255, 0.25) 3px, transparent 4px), radial-gradient(circle at 50% 10px, rgba(255, 255, 255, 0.25) 1px, transparent 6px), linear-gradient(#999, #CCC 45%, #FFFFFF 95%) !important;}", 0);
document.styleSheets[0].insertRule("#game_window input:checked, #theme_picker input:checked {background-image: radial-gradient(circle at 50% 5px, rgb(0, 0, 0) 1px, transparent 2.5px), linear-gradient(rgba(255, 255, 255, 0.85), transparent 7px), radial-gradient(circle at 50% 1px, rgba(255, 255, 255, 0.25) 3px, transparent 4px), radial-gradient(circle at 50% 11px, #CBFFFF 1px, transparent 7px), linear-gradient(#00005A, #006CD8 60%, #3F7CCB 95%) !important;}", 0);
document.styleSheets[0].insertRule("#game_window input:checked:hover, #theme_picker input:checked:hover {background-image: radial-gradient(circle at 50% 5px, rgb(0, 0, 0) 1px, transparent 2.5px), radial-gradient(circle at 50% 5px, rgba(0, 0, 0, 0.06) 10px, transparent 15px), linear-gradient(rgba(255, 255, 255, 0.85), transparent 7px), radial-gradient(circle at 50% 1px, rgba(255, 255, 255, 0.25) 3px, transparent 4px), radial-gradient(circle at 50% 11px, #CBFFFF 1px, transparent 7px), linear-gradient(#00005A, #006CD8 60%, #3F7CCB 95%) !important;}", 0);
document.styleSheets[0].insertRule("#game_window input[disabled] {opacity: 0.6;}", 0);/**/
// Tooltips
// Tooltip working code
var tt_vis = 0;
var tip_timeout;
const is_mobile = /android|iphone|kindle|ipad|ipod/i.test(navigator.userAgent);
//const is_mobile = true;
campaignTrail_temp.tooltips_active = true;
let tt_style = document.createElement("style")
tt_style.setAttribute("id", "sd_tooltip_style")
tt_style.innerHTML = `
.aquatooltip{text-decoration: underline dotted; -webkit-text-decoration: underline dotted; position: relative; display: inline-block; cursor: default;}.aquatooltipfiller{text-decoration: underline dotted; -webkit-text-decoration: underline dotted; cursor: default;}.aquatooltip .aquatooltiptext {white-space: nowrap; background: 0; color: black; text-align: left; padding: 2.5px; position: absolute; z-index: 500; margin-top: 15px; opacity: 0; border: 0; pointer-events: none; font-size: 11px !important; line-height: 1.25em !important; font-weight: normal !important; font-style: normal !important;box-shadow: rgba(0, 0, 0, 0.35) 0px 8px 12px; transition: opacity 1s 0.15s; width: max-content; height: max-content; font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif; box-sizing: border-box;}.aquatooltip .aquatooltiptext:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFBF; opacity: 0.95; z-index: -1; outline: 1px solid #0003;}${is_mobile ? `.aquatooltip:hover .aquatooltiptext {opacity: 1; transition: opacity 0s 0.15s;} .aquatooltip{text-decoration-thickness: 2.5px;}` : `.aquatooltip:hover .aquatooltiptext {opacity: 1; transition: opacity 0s 0.5s;}`}
`
document.head.appendChild(tt_style);
xtimer = function() {
if(!campaignTrail_temp.tooltips_active){ return;}
clearTimeout(tip_timeout);
interval = is_mobile ? 150 : 500;
tip_timeout = setTimeout(() => tt_vis = 1, interval);
}
tooltipify = function(e) {
if(!campaignTrail_temp.tooltips_active){ return;}
let this_e = e.currentTarget;
let x = e.clientX;
let y = e.clientY;
var rect = this_e.getBoundingClientRect();
tt = this_e.children[0];
if (window.getComputedStyle(tt).getPropertyValue("opacity") == 0) {
if(is_mobile){
tt.style.top = `0.8em`;
if ((rect.left + this_e.offsetWidth / 2 - tt.offsetWidth / 2 + tt.offsetWidth) > $(document).width()) {
tt.style.left = `calc(-${tt.offsetWidth}px + ${$(document).width()}px - ${rect.left}px - 2px)`;
} else if ((this_e.offsetWidth / 2 - tt.offsetWidth / 2 + rect.left) < 0) {
tt.style.left = `calc(-${rect.left}px + 2px)`;
} else {
tt.style.left = `calc(${this_e.offsetWidth}px / 2 - ${tt.offsetWidth}px / 2)`;
}
} else {
tt.style.top = `calc(${y}px - ${rect.top}px + 0.8em)`;
if ((x + tt.offsetWidth) > document.documentElement.clientWidth) {
tt.style.left = `calc(-${tt.offsetWidth}px + ${document.documentElement.clientWidth}px - ${rect.left}px - 2px)`;
} else {
tt.style.left = `calc(${x}px - ${rect.left}px)`;
}
}
}
}
mout = function() {
tt_vis = 0;
}
// SAMPLE TOOLTIP TEXT
//